<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="yes" name="apple-touch-fullscreen" />
	<meta content="telephone=no,email=no" name="format-detection" />
	<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
	<title>萌宝购物</title>
	<link rel="stylesheet" href="css/core.css">
	<link rel="stylesheet" href="css/icon.css">
	<link rel="stylesheet" href="css/home.css">
	<link rel="stylesheet" href="font/iconfont.css">
</head>

<body style="background-color: #f5f5f5;">

	<div class="container">

		<header class="aui-header-default aui-header-fixed aui-header-clear-bg">
			<div class="aui-header-center aui-header-center-clear">
				<div class="aui-header-search-box" style="background-color:#fff">
					<i class="aui-icon aui-icon-small-search"></i>
					<input id="" type="text" placeholder="手机狂欢节 抢 iPhone X" class="aui-header-search">
				</div>
			</div>
			<div id="scrollBg"></div>
		</header>

		<div class="aui-content-box">
			<div class="aui-banner-content" data-aui-slider>
				<div class="aui-banner-wrapper">
					<div class="aui-banner-wrapper-item">
						<a href="#">
							<img src="img/banner/news-banner2.jpg">
						</a>
					</div>
					<div class="aui-banner-wrapper-item">
						<a href="#">
							<img src="img/banner/news-banner1.jpg">
						</a>
					</div>
					<div class="aui-banner-wrapper-item">
						<a href="#">
							<img src="img/banner/news-banner3.jpg">
						</a>
					</div>
					<div class="aui-banner-wrapper-item">
						<a href="#">
							<img src="img/banner/news-banner1.jpg">
						</a>
					</div>
				</div>
				<div class="aui-banner-pagination"></div>
			</div>

			<section class="aui-grid-content">
				<div class="aui-grid-row aui-grid-row-clears">
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large"><img src="img/icon.png" alt=""></i>
						<p class="aui-grid-row-label">一点收益</p>
					</a>
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large"><img src="img/icon.png" alt=""></i>
						<p class="aui-grid-row-label">发现好货</p>
					</a>
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large"><img src="img/icon.png" alt=""></i>
						<p class="aui-grid-row-label">新品推荐</p>
					</a>
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large"><img src="img/icon.png" alt=""></i>
						<p class="aui-grid-row-label">个人中心</p>
					</a>
					<!-- <a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large"><img src="img/icon.png" alt=""></i>
						<p class="aui-grid-row-label">分享领券</p>
					</a>
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large"><img src="img/icon.png" alt=""></i>
						<p class="aui-grid-row-label">手机充值</p>
					</a>
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large"><img src="img/icon.png" alt=""></i>
						<p class="aui-grid-row-label">金融理财</p>
					</a>
					<a href="#" class="aui-grid-row-item">
						<i class="aui-icon-large"><img src="img/icon.png" alt=""></i>
						<p class="aui-grid-row-label">电器商城</p>
					</a> -->
				</div>
			</section>

			<section class="aui-content-six aui-border-t " style="background-color: #fff;">
				<div class="aui-flex-col aui-flex-center aui-border-tb">
					<a class="aui-flex-item-4 aui-flex-row aui-flex-middle aui-padded-10 aui-border-b">
						<h3 class="aui-text-danger">电器城抢购</h3>
						<p>全场低至299</p>
						<img src="img/ad/f1.jpg">
					</a>
					<div class="aui-flex-item-8 aui-border-l">
						<div class="aui-flex-col aui-padded-10 aui-border-b">
							<a class="aui-flex-item-12">
								<div class="aui-flex-item-9">
									<h3 class="aui-text-info">创维新品</h3>
									<p>好品质选创维新品上市</p>
								</div>
								<div class="aui-flex-item-3 aui-text-right"><img src="img/ad/f2.jpg"></div>
							</a>
						</div>
						<div class="aui-flex-col aui-border-b">
							<a class="aui-flex-item-6 aui-padded-10 " style="position: relative;">
								<h5 class="aui-text-warning">拍摄一族</h5>
								<p>喜欢旅游拍摄</p>
								<img src="img/ad/f3.jpg">
							</a>
							<a class="aui-flex-item-6 aui-padded-10 aui-border-l ">
								<h5 class="aui-text-success">每日坚果</h5>
								<p>每天补充一下</p>
								<img src="img/ad/f5.jpg">
							</a>
						</div>
					</div>
				</div>
			</section>

			<div class="aui-avd-content clearfix">
				<a href="#">
					<img src="img/pd/cf-1.jpg" alt="">
				</a>
				<a href="#">
					<img src="img/pd/cf-3.jpg" alt="">
				</a>
			</div>

			<div class="aui-list-content" style="margin-top: 10px;">
				<div class="aui-title-head clearfix">
					<h4 class="fl">美妆护肤</h4>
					<a href="#" class="more fr">更多<i class="iconfont icon-right"></i></a>
				</div>
				<div class="aui-list-item">
					<div class="aui-list-item-img">
						<a href="#"><img src="img/pd/cf-4.jpg" alt=""></a>
					</div>
					<div class="aui-slide-box">
						<div class="aui-slide-list">
							<ul class="aui-slide-item-list">
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-6.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">自动滚筒洗衣机 变频 碳晶银 蒸汽杀菌 智能水循环</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥4999</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥5699</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-7.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">科克兰 盐焗烘烤开心果 1.36千克</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥99</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥198</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-8.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">榙榙 咸鸭蛋黄饼干 80克/袋</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥12.9</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-9.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">唯他可可 椰子水饮料 330毫升/盒 12盒</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥189</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥299</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-8.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">巴黎水 含气青柠味饮料 330毫升 24</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥129</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥199</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-7.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">calbee 卡乐比 日本进口休闲零食佳可比黄油味薯条 90克/盒</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19.9</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-6.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食 佳可丽色拉味薯条 60克/杯</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-8.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食 佳可丽色拉味薯条 60克/杯</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-6.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食 佳可丽色拉味薯条 60克/杯</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<div class="aui-list-content" style="margin-top: 10px;">
				<div class="aui-title-head clearfix">
					<h4 class="fl">美妆护肤</h4>
					<a href="#" class="more fr">更多<i class="iconfont icon-right"></i></a>
				</div>
				<div class="aui-list-item">
					<div class="aui-list-item-img">
						<a href="#"><img src="img/pd/cf-4.jpg" alt=""></a>
					</div>
					<div class="aui-slide-box">
						<div class="aui-slide-list">
							<ul class="aui-slide-item-list">
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-6.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">自动滚筒洗衣机 变频 碳晶银 蒸汽杀菌 智能水循环</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥4999</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥5699</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-7.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">科克兰 盐焗烘烤开心果 1.36千克</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥99</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥198</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-8.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">榙榙 咸鸭蛋黄饼干 80克/袋</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥12.9</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-9.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">唯他可可 椰子水饮料 330毫升/盒 12盒</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥189</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥299</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-8.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">巴黎水 含气青柠味饮料 330毫升 24</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥129</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥199</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-7.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">calbee 卡乐比 日本进口休闲零食佳可比黄油味薯条 90克/盒</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19.9</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-6.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食 佳可丽色拉味薯条 60克/杯</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-8.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食 佳可丽色拉味薯条 60克/杯</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-6.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食 佳可丽色拉味薯条 60克/杯</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<section class="aui-list-product">
				<div class="aui-title-head clearfix">
					<h4 class="fl">为你推荐</h4>
					<a href="#" class="more fr">更多<i class="iconfont icon-right"></i></a>
				</div>
				<div class="aui-list-product-box">
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
				</div>
			</section>

		</div>

		<footer class="aui-footer-default aui-footer-fixed">
			<a href="#" class="aui-footer-item aui-footer-active">
				<span class="aui-footer-item-icon iconfont icon-home"></span>
				<span class="aui-footer-item-text">首页</span>
			</a>
			<a href="#" class="aui-footer-item">
				<span class="aui-footer-item-icon iconfont icon-apps"></span>
				<span class="aui-footer-item-text">分类</span>
			</a>
			<a href="#" class="aui-footer-item">
				<span class="aui-footer-item-icon iconfont icon-cart"></span>
				<span class="aui-footer-item-text">购物车</span>
			</a>
			<a href="#" class="aui-footer-item">
				<span class="aui-footer-item-icon iconfont icon-people"></span>
				<span class="aui-footer-item-text">我的</span>
			</a>
		</footer>

	</div>

	<script src="js/jquery.min.js"></script>
	<script src="js/aui.js"></script>
	<script>
		$(function () {
			// 绑定滚动条事件
			$(window).bind("scroll", function () {
				var sTop = $(window).scrollTop();
				var sTop = parseInt(sTop);
				if (sTop >= 40) {
					if (!$("#scrollBg").is(":visible")) {
						try {
							$("#scrollBg").slideDown();
						} catch (e) {
							$("#scrollBg").show();
						}
					}
				}
				else {
					if ($("#scrollBg").is(":visible")) {
						try {
							$("#scrollBg").slideUp();
						} catch (e) {
							$("#scrollBg").hide();
						}
					}
				}
			});
		});
	</script>

</body>

</html>